<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./jquery-3.4.1.js"></script>
</head>

<body>
    <button>按钮1</button>
    <button>按钮2</button>
    <script>
        $("button").click(function() {
            console.log(this, "监听到按钮被点击");
        })

        $("button").mouseleave(function() {
            console.log(this, "监听到按钮--mouseleave");
        })

        /* 我们可能需要通过代码的方式来模拟用户的点击。 */
        /* trigger方法：自动触发事件 */
        /* 语法：jQ.trigger(type)  type参数指的是事件的类型 */
        // $("button").trigger("click");
        // $("button").trigger("mouseleave");

        /* triggerHandler方法：自动触发事件 */
        /* (1) 该方法只会对jQuery对象中的第一个标签有效 */
        /* (2) 该方法对事件冒泡的处理|默认行为 */
        $("button").triggerHandler("click");

        /* 外挂：按键精灵 */
    </script>
</body>

</html>